<script setup>
import FirstTitle from "@comp/FirstTitle";
import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
import { onMounted } from "vue";
import { searchDataZymb } from "@/api/search";
import { addOrUpdateZymb } from "@/api/addOrUpdate";

const city = window.globalObj.name;
const editorRef = shallowRef();

const toolbarConfig = {};
const editorConfig = {
  placeholder: "请输入内容...",
};
const mode = ref("default");

// 加载html
const initHtml = () => {
  searchDataZymb({ m: "行动要点-信息防护行动的方法措施" }).then((res) => {
    const { data } = res;
    valueHtml.value =
      data.find((x) => x.k === "信息防护行动的方法措施")?.v || "";
  });
};

const handleCreated = (editor) => {
  editorRef.value = editor; // 记录 editor 实例，重要！
};

const valueHtml = ref(
  "1.电子防御：①采取伪装、物理变形、人工遮障、施放烟幕和设置假信号发射源等方法手段，有效预防敌电子侦察；②定时组织无线电静默，减小卫星过顶时的电磁辐射，降低敌卫星侦察效果；③备份各种重要通信设施和电源设备，建立抢修抢通方案；确保在网络遭破坏时，保障指挥通信畅通；④严格控制雷达开机和大功率电台发信时间，控制电磁辐射强度。<br/>2.网络防护：①人防指挥信息专网和电子政务网络平台实行内网与外网独立建设，严格物理隔离；②核心路由器、交换机等关键设备均采用国产主流设备，平时和战时均按照“一备一用”的原则进行储备；③战时采取加固、伪装、遮障、电子监测等方式进行防护；④加强全省人防指挥信息和电子政务信息的保密防护和监测维护，预防木马病毒的入侵；⑤对市、县（区）人防指挥信息中心专用光缆线路和交换设备进行重点监测防护；⑥当遭敌空袭破坏时及时查明情况，迅速组织抢修恢复。<br/>3.电磁频谱管理：①严格管控无线电频率。未经批准，严禁建立通信机站和使用无线通信设备，坚决关闭私营、私设无线电台；②加强电磁环境监测。战时，建立监测网，做到超短波固定监测站与省站联网，并适时建立机动监测站，对作战区域内军队、公安、人防使用的电磁频段实施全时监测，严禁占用、干扰，及时查处干扰源；③加强对敌特电台及干扰源等无线通信设备的频率侦察，及时抓捕清除，并采取技术手段对敌实施无线电干扰。"
);

const saveProgramme = () => {
  ElMessageBox.confirm(`确定要保存吗?`, "警告", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    customClass: "message-box",
  }).then(() => {
    addOrUpdateZymb({
      m: "行动要点-信息防护行动的方法措施",
      data: [
        {
          k: "信息防护行动的方法措施",
          v: valueHtml.value,
        },
      ],
    })
      .then(() => {
        ElMessage.success("操作成功");
      })
      .catch(() => {});
  });
};

onMounted(() => {
  initHtml();
});
onBeforeUnmount(() => {
  const editor = editorRef.value;
  if (!editor) return;
  editor.destroy();
});
</script>
<template>
  <div class="">
    <FirstTitle name="信息防护行动的方法措施" />
    <div style="border: 1px solid #ccc" class="top-15">
      <Toolbar
        style="border-bottom: 1px solid #ccc"
        :editor="editorRef"
        :defaultConfig="toolbarConfig"
        :mode="mode"
      />
      <Editor
        style="height: 500px; overflow-y: hidden"
        v-model="valueHtml"
        :defaultConfig="editorConfig"
        :mode="mode"
        @onCreated="handleCreated"
      />
    </div>

    <div class="flex-justify-end top-20">
      <el-button type="primary" class="save-btn" @click="saveProgramme"
        >保存</el-button
      >
    </div>
  </div>
</template>
<style scoped lang="scss"></style>